{# app/Resources/views/layout.html.twig #}

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<title>{% block title %}Enseignement{% endblock %}</title>

		{% block stylesheets %}
			<link rel="stylesheet" href="{{ asset('css/bootstrap.css') }}" type="text/css" />
		{% endblock %}

                {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
		<script src="{{ asset('js/jquery-1.7.1.js') }}"></script>
		<script src="{{ asset('js/jquery-ui-1.8.18.custom.min.js') }}"></script>
		<script src="{{ asset('js/jquery-scrolltofixed.js') }}"></script>
		<script src="{{ asset('js/notifications.js') }}"></script>
                {% endif %}
	</head>

	<body>
	<!-- Verification de la presence du pseudo si l utilisateur est etudiant -->
	{% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
	{% if app.user.etudiant %}
		{% if app.user.pseudo is empty %}
		<script src="{{ asset('js/pseudo.js') }}"></script>
		<script type="text/javascript">setUserId('{{app.user.id}}');</script>
		<div id="popup_pseudo" class="popup_block">
			<h2>Vous devez choisir un pseudo !!</h2>
			<p>
				Ce peseudo vous permet à la fois de garder votre anonymat,
				et d'acceder au forum pour pouvoir créer et commenter des sujets
				ainsi que l'échange de l'information avec d'autres étudiants ou vos professeurs
				
				<div id="form-pseudo">chargement du formulaire ...</div>
				
			</p>
		</div>
		{% endif %}
	{% endif %}
	{% endif %}
	
	
		<div id="userToolBar" class="navbar navbar-fixed-top">
			<div class="navbar-inner">
				<div class="container">
					{% block user_toolBar %}
						{% include "::toolBar.html.twig" %}
					{% endblock %}
				</div>
			</div>
		</div>
		
		
		<table>
		<tr>
		
		<td class="v-top">
		
		{% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
		<div id="news-content">
			<br><br><h3 class="alert alert-warning"> {{ 'Fil d\'actualités' }} </h3>
			<ul id="news-box" class="notif-content"></ul>
		</div>
		{% endif %}
		
		</td>	
		
		<td class="v-top">
		
		<div class="container">
			<div id="header" class="hero-unit">
				<h1 class="header">Site d'éducation</h1>
				<h2 class="slogon">depot de cours et échange d'information ....</h2> 
			</div>

			<div class="row">
				<!-- <div id="menu" class="span3">
					{% block menu %}
			 			<h3>Menu</h3>
			 			{% include "::menu.html.twig" %}
					{% endblock %}					
				</div> -->
				
				
				<div id="content" class="right-marge">
					{% block body %}
					{% endblock %}
				</div>
			</div>
			</td>
			
			
		<td id=alerte-cell class="v-top">

		{% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}

		<div id="msg-content">
		<br><br><h3 class="alert"> {{ 'Messages' }} </h3>
		<ul id="msg-box" class="notif-content"></ul>
		</div>
		<div id="notif-box" class="notif-content pull-right">
			<div id="alerte-content" class="">
			<br><br><h3 class="alert"> {{ 'Alertes' }} </h3>
				<div class="alert alert-danger">Cette partie est en cours de construction</div>
			</div>
		</div>
 
                {% endif %}
		
		</td>
			
			
			</tr>
			</table>

			<hr>

			<footer>
			<div id="footer">
				<p>Projet d'année &copy; 2012 tous droits reservés.</p>
			</div>
		
	</body>

	{% block javascripts %}
		{# Ajoutez ce javascript si vous comptez vous servir des fonctionnalités du bootstrap Twitter #}
		<script type="text/javascript" src="{{ asset('js/bootstrap.js') }}"></script>
	{% endblock %}

</html>